<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

  <title>自由品牌</title>
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" href="./css/style1.css">
  <link rel="stylesheet" href="./iconfont/iconfont.css">
  <link rel="stylesheet" href="./swiper-master/package/swiper-bundle.min.css">

  <!--引入js文件-->
  <script type="text/javascript" src="./js/brand.js"></script>


</head>
<body>

<div class="brandContainer">


  <div class="NavigationPage">
    <div class="container">
      <div class="navigImg">
        <img class="imgItem" src="./image/download.png" alt="">
      </div>
      <div class="NavigationBar">
        <div class="aboutOrchard navigationBarItem dropdown"><i class="isfalse iconfont icon-taozi"></i><a
          href="index.html">关于百果园</a>
          <div class="dropdown-content">
            <p class="dropdownItem"><i class="isfalse1 iconfont icon-taozi"></i>企业简介</p>
            <p class="dropdownItem"><i class="isfalse1 iconfont icon-taozi"></i>发展进程</p>
            <p class="dropdownItem"><i class="isfalse1 iconfont icon-taozi"></i>一体化新零售</p>
            <p class="dropdownItem"><i class="isfalse1 iconfont icon-taozi"></i>三无退货</p>
            <p class="dropdownItem"><i class="isfalse1 iconfont icon-taozi"></i>品牌吉祥物</p>
            <p class="dropdownItem"><i class="isfalse1 iconfont icon-taozi"></i>果标体系</p>
          </div>
          <i class="iconfont icon-arrowdown"></i>
        </div>
        <div class="ownBrand navigationBarItem dropdown"><i class="isfalse iconfont icon-taozi"></i><a
          href="ownBrand.html">自有品牌</a>
          <div class="dropdown-content">
            <p class="dropdownItem"><i class="isfalse1 iconfont icon-taozi"></i>百果园检测标准</p>
          </div>
          <i class="iconfont icon-arrowdown"></i>
        </div>
        <div class="aboutJoin navigationBarItem"><i class="isfalse iconfont icon-taozi"></i><a href="./join.html">关于加盟</a></div>
        <div class="applyFor navigationBarItem"><i class="isfalse iconfont icon-taozi"></i><a href="#">我要应聘</a></div>
        <div class="socialResponsibility navigationBarItem"><i class="isfalse iconfont icon-taozi"></i><a
          href="#">社会责任</a></div>


      </div>
      <div class="switLanguage">
        <div class="languageStyle"><a href="#" class="languageSelected">中文</a>/<a href="#" class="languageItem">EN</a>
        </div>

      </div>


    </div>
  </div>

  <div class="brandTitle">
    <strong>自有品牌</strong>
  </div>

  <div class="brandPic1">
    <div class="brandpic1Text">
      <div class="brandTextleft"><strong>招牌水果,</strong></div>
      <div class="brandTextright"><strong>为好吃而吃</strong></div>

    </div>
  </div>

  <div class="brandPic2">

    <div class="pic2Container">
      <img src="./image/Brandpic.svg" alt="">
      <div class="pic2Text">
        <img src="./image/line.png" alt="">
        <div class="pic2dec">
          <p>好吃，是一种令人愉悦的享受</p>
          <p>好吃，是检验水果的重要标准</p>
          <p>好吃的水果，才是营养、安全、生态的</p>
        </div>
      </div>
    </div>

  </div>


<div class="brandH">
  <div class="brandSwiper">

    <div class="swiperNav">
      <div class="swiperNavtitle">
        <div class="joinswiperH"><strong>百果园猎果之旅</strong></div>
        <div class="joinswiperh">来自大自然的诚意作品</div>
      </div>

    </div>
    <!-- Swiper -->
    <div class="swiper-container swiper-container1">
      <div class="swiper-wrapper">
        <div class="swiper-slide swiper-slide1">

          <div class="brandSlide1">
            <div class="brandSlide1text">
              <div class="brandSlide1title">招牌红芭蕾草莓——鲜甜味蕾跳起来</div>
              <div class="brandSlide1line">
                <img src="./image/line.png" alt="">
              </div>
              <div class="brandSlide1word">
                <p>2007年，生而更优的草莓品种“红颜”进入中国，仅仅三年之后，百果园开创长途冷链运输先河，率先将红颜草莓由北方
                  成功运输和售卖到了广东市场，让岭南人也能吃到色香味俱佳的冬草莓。</p>
                <p>吃得了苦寒，才能得到真甜，红芭蕾草莓不仅仅是来自大自然的鲜甜美味，也是承载他的“呵护者”好吃梦想的诚意作品。
                </p>
              </div>
            </div>
            <div class="brandSlide1video">
              <img  class="brandVideopic1" src="./image/Brandpic-3.jpg" alt="">

              <img class="brandVideopic2" src="./image/play1.svg" alt="">
            </div>

            <div class="brandVideo">
              <div class="brandVideoPosi">
                <div class="brandVideoclose"><i class="iconfont icon-jiahao"></i></div>
                <video width="100%" height="100%" preload="auto" poster="./image/Brandpic-3.jpg" muted="true" autoplay="true" controls="true">
                  <source src="http://h5.cn.vc/bgy/caomei.mp4">
                </video>
              </div>

            </div>

          </div>

        </div>
        <div class="swiper-slide swiper-slide1">

          <div class="brandSlide1">
            <div class="brandSlide1text">
              <div class="brandSlide1title"><strong>6</strong>年岁月沉淀，光阴与天地缔造的天然植物水。</div>
              <div class="brandSlide1line">
                <img src="./image/line.png" alt="">

              </div>
              <div class="brandSlide1word">
                <p>好吃水果的背后，是上帝偏心的配方，吸个椰子尽享泰国丹嫩沙朵县独一份的阳光和雨露，
                <strong>6</strong>年以上光阴积淀，凝结出“吸个椰子”的浓香与清甜，匠心标准的坚守，缔造独一无
                  二的风味。</p>
              </div>
            </div>
            <div class="brandSlide1video">
              <img  class="brandVideopic1" src="./image/Brandpic-2.jpg" alt="">

              <img class="brandVideopic2" src="./image/play1.svg" alt="">
            </div>

            <div class="brandVideo">
              <div class="brandVideoPosi">
                <div class="brandVideoclose"><i class="iconfont icon-jiahao"></i></div>

                <video width="100%" height="100%" preload="auto" poster="./image/Brandpic-2.jpg" muted="true" autoplay="true" controls="true">
                <source src="http://h5.cn.vc/bgy/liulian_4_1.mp4">
              </video>
            </div>
            </div>

          </div>


        </div>
        <div class="swiper-slide swiper-slide1">

          <div class="brandSlide1">
            <div class="brandSlide1text">
              <div class="brandSlide1title">大芭猫山王——西亚种猫山王，百果园卖猫山王！</div>
              <div class="brandSlide1line">
                <img src="./image/line.png" alt="">

              </div>
              <div class="brandSlide1word">
                <p>来自马来西亚的名贵榴莲，选自猫山王核心产区彭亨州。</p>
                <p>产量小、品种珍贵，历经赤道温暖阳光、丰沛雨水的孕育，从树上成熟，自然掉落的瞬间开始，
                  是果农用时间、耐心和等待酿成的醇厚风味。
                </p>
                <p>果肉拥有凝脂般的质感，层次丰富，回味甘甜，榴莲味浓，越品越有味道。</p>
              </div>
            </div>
            <div class="brandSlide1video">
              <img  class="brandVideopic1" src="./image/Brandpic-1.jpg" alt="">

              <img class="brandVideopic2" src="./image/play1.svg" alt="">
            </div>

            <div class="brandVideo">
              <div class="brandVideoPosi">
                <div class="brandVideoclose"><i class="iconfont icon-jiahao"></i></div>

                <video width="100%" height="100%" preload="auto" poster="./image/Brandpic-1.jpg" muted="true" autoplay="true" controls="true">
                <source src="http://h5.cn.vc/bgy/liulian.mp4">
              </video>
            </div>
            </div>

          </div>


        </div>
        <div class="swiper-slide swiper-slide1">

          <div class="brandSlide1">
            <div class="brandSlide1text">
              <div class="brandSlide1title">招牌蜜凰冰糖梨——捧在手心里的甜</div>
              <div class="brandSlide1line">
                <img src="./image/line.png" alt="">

              </div>
              <div class="brandSlide1word">
                <p>冰糖梨起初主要作为出口高端梨，销售欧美和东南亚市场。2011年，由百果园公司
                  以“冰糖梨”名义在国内销售，将好梨带入寻常人家。2019年改良优质秋月梨品种，蜜凰品牌正式上线。
                </p>
                <p>作为冰糖梨中的精品，蜜凰果型端正饱满、皮薄肉厚，刀尖轻触果皮，汁水就开始溢出，汪着晶莹汁水
                  的梨肉清甜爽脆，细腻无比，每一口都像是在喝梨汁。</p>
              </div>
            </div>
            <div class="brandSlide1video">
              <img  class="brandVideopic1" src="./image/Brandpic-4.png" alt="">

              <img class="brandVideopic2" src="./image/play1.svg" alt="">
            </div>

            <div class="brandVideo">
              <div class="brandVideoPosi">
                <div class="brandVideoclose"><i class="iconfont icon-jiahao"></i></div>

                <video width="100%" height="100%" preload="auto" poster="./image/Brandpic-4.png" muted="true" autoplay="true" controls="true">
                <source src="http://h5.cn.vc/bgy/liulian_4_2.mp4">
              </video>
            </div>
            </div>

          </div>


        </div>>
      </div>
      <!-- Add Arrows -->
      <div class="swiper-button-next swiper-button-black swiper-button-next1"></div>
      <div class=" swiper-button-prev swiper-button-black swiper-button-prev1"></div>

      <!-- Add Pagination -->
      <div class="swiper-pagination"></div>
    </div>

  </div>

</div>



  <div class="brandSignature">
    <div class="brandSigcontainer">
      <div class="brandSigtitle"><strong>招牌水果</strong></div>
      <div class="brandSigdec">来自大自然的诚意作品</div>

      <div class="brandSmallpage">

        <div class="brandSpE brandSpE1">
          <div class="front">
            <img src="./image/Brand-5.png" alt="">
          </div>
          <div class="back">
            <div class="backText">
              <div class="textBody">
                <div class="textTile">青妮王</div>
                <div class="brandContent">
                  <div class="brandDescitem">
                    <img src="./image/line.png" alt="">
                  </div>
                  <div class="brandDescitem">
                    <span class="desc_key">产地：</span>
                    <span class="desc_val">泰国尖竹汶府</span>
                  </div>
                  <div class="brandDescitem">
                    <span class="desc_key">品种：</span>
                    <span class="desc_val">chanee</span></div>
                  <div class="brandDescitem">
                    <span class="desc_key">特点：青皮成熟 果肉饱满 入口如奶油般丝滑香甜，口感堪比猫山王</span>
                  </div>
                  <div class="brandDescitem">
                    <span class="desc_key">上市周期：3月～6月</span>
                  </div>

                </div>
              </div>
            </div>
          </div>
          
          <div class="brandlogo">
            <img src="./image/text1.png" alt="">
          </div>

        </div>


        <div class="brandSpE brandSpE1">
          <div class="front">
            <img src="./image/Brand-6.png" alt="">
          </div>
          <div class="back">
            <div class="backText">
              <div class="textBody">
                <div class="textTile">牛顿苹果</div>
                <div class="brandContent">
                  <div class="brandDescitem">
                    <img src="./image/line.png" alt="">
                  </div>
                  <div class="brandDescitem">
                    <span class="desc_key">产地：</span>
                    <span class="desc_val">南非西开普省</span>
                  </div>
                  <div class="brandDescitem">
                    <span class="desc_key">品种：</span>
                    <span class="desc_val">红富士</span></div>
                  <div class="brandDescitem">
                    <span class="desc_key">特点：个小脆甜多汁，产自阳光南非，老树果风味好</span>
                  </div>
                  <div class="brandDescitem">
                    <span class="desc_key">上市周期：6月～10月</span>
                  </div>

                </div>
              </div>
            </div>
          </div>

          <div class="brandlogo">
            <img src="./image/text2.png" alt="">
          </div>

        </div>


        <div class="brandSpE brandSpE1">
          <div class="front">
            <img src="./image/Brand-7.png" alt="">
          </div>
          <div class="back">
            <div class="backText">
              <div class="textBody">
                <div class="textTile">不失李</div>
                <div class="brandContent">
                  <div class="brandDescitem">
                    <img src="./image/line.png" alt="">
                  </div>
                  <div class="brandDescitem">
                    <span class="desc_key">产地：</span>
                    <span class="desc_val">陕西大荔</span>
                  </div>
                  <div class="brandDescitem">
                    <span class="desc_key">特点：肉厚核小，多汁嫩甜，不可错失的好李</span>
                  </div>
                  <div class="brandDescitem">
                    <span class="desc_key">上市周期：8月</span>
                  </div>

                </div>
              </div>
            </div>
          </div>

          <div class="brandlogo">
            <img src="./image/text3.png" alt="">
          </div>

        </div>


        <div class="brandSpE brandSpE1">
          <div class="front">
            <img src="./image/Brand-8.png" alt="">
          </div>
          <div class="back">
            <div class="backText">
              <div class="textBody">
                <div class="textTile">慕美人葡萄</div>
                <div class="brandContent">
                  <div class="brandDescitem">
                    <img src="./image/line.png" alt="">
                  </div>
                  <div class="brandDescitem">
                    <span class="desc_key">产地：</span>
                    <span class="desc_val">智利中央山谷</span>
                  </div>
                  <div class="brandDescitem">
                    <span class="desc_key">品种：</span>
                    <span class="desc_val">Muscat Beauty</span></div>
                  <div class="brandDescitem">
                    <span class="desc_key">特点：玫瑰的香气、果冻的口感 葡萄贵族、限量进口</span>
                  </div>
                  <div class="brandDescitem">
                    <span class="desc_key">上市周期：4月～5月</span>
                  </div>

                </div>
              </div>
            </div>
          </div>

          <div class="brandlogo">
            <img src="./image/text4.png" alt="">
          </div>

        </div>



      </div>


  </div>








  <div class="swiper-slide slidePct5">
    <!--底部-->
    <div class="bottomPage">

      <div class="wSpace"></div>

      <div class="bottomContainer">

        <div class="bottomLeft">
          <div class="bottomSelect">
            <div class="selectItem"><a href="#">企业团购</a></div>
            <div class="selectItem"><a href="#">我要供贷</a></div>
            <div class="selectItem"><a href="#">媒体采访</a></div>
            <div class="selectItem"><a href="#">有问必答</a></div>
            <div class="selectItem"><a href="#">招标公告</a></div>
          </div>

          <div class="bottomContent">
            <p class="contentItem1">总部地址：深圳市龙岗区平吉大道1号建昇大厦B座11-13楼</p>
            <p class="contentItem2">客服热线：400-181-1212（400-要不要-要啊要啊）</p>
            <p class="contentItem3">粤ICP备05040617号</p>
          </div>

          <div class="bottomText">
            <div class="btitem">
              <a href="#">Copyright © Pagoda 2019-2020 All rights reserved.</a>
              <a href="#"> <img src="./image/logo-bottom.png" alt="">
                粤公网安备 44030702003133号</a>

              <a href="#">技术支持：竹子建站</a>
            </div>


          </div>

        </div>

        <div class="bottomRight">

          <div class="bottomLogo">
            <img src="./image/logo-1.svg" alt="">
            <img src="./image/logo-2.svg" alt="">
            <img src="./image/logo-3.svg" alt="">
          </div>
          <div class="boLogtext">
            <img src="./image/logo-4.png" alt="">
          </div>

        </div>


      </div>


    </div>

  </div>


</div>


<!-- Swiper JS -->
<script src="./swiper-master/package/swiper-bundle.min.js"></script>


<!-- Initialize Swiper -->
<script>

//  new Swiper('.b.swiper-container',{nextEl:'.b swiper-button-next'}')

  var swiper = new Swiper('.swiper-container', {
    spaceBetween: 30,
    navigation: {

      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    pagination: {
      el: '.swiper-pagination',
      clickable: true,
    },
  });
</script>


</body>
</html>